import React from 'react';
import {
  Animated,
  Dimensions,
  StyleSheet,
  View, ImageBackground, Image
} from 'react-native';


export default class Progress extends React.Component {



  render() {
    const {imgW=200,imgH=28,percent} = this.props;
    return (
      <View style={{width: imgW,}}>
        <ImageBackground
          style={{width: imgW, height: imgH,justifyContent:'center'}}

          source={require('./fone.png')}
        >
          <View style={{width: percent/100*imgW, height: imgH,overflow:'hidden'}}>
            <Image
              style={{width: imgW, height: imgH}}
              source={require('./ftwo.png')}
            />
          </View>
        </ImageBackground>



      </View>
    )
  }
}
